Vue.component('modal', {
  template: '#modal-template',
  props: {
    show: {
      type: Boolean,
      required: true,
      twoWay: true    
    }
  }
})


Vue.component('share', {
  template: '#share-template',
});


// 实例vue
var vm = new Vue({
    'el': 'body',
    'data': {
        'goods': goods_info,
        'tab_show': 1,
        'btn_class': '',
        'btn_text': '',
        'showModal': false,
        'showShare': false
    },
    'methods': {
        'show_modal': function() {
            this.showModal = true;
        },
        'close_modal': function() {
            this.showModal = false;
        },
        'show_share': function() {
            this.showShare = true;
        },
        'close_share': function(){
            this.showShare = false;
        },
        'showTab': function(i) {
            this.tab_show = i;
            echo.init({
                offset: 736,
                unload: false,
            });
        }
    }

});

$(function() {

    $('#j-back').click(function(){
        if (1 < window.history.length){
            window.history.go(-1);
        } else {
            window.location.href = INDEX_URL;
        }
    });

    $(".js_btn").click(function(){
		if(gid == 0 || gid == ''){
			alert('商品id错误');
			return false;
		}
		$(this).attr('disabled',true)
		$.ajax({
			type:"Post",
			url: buy_url,
			data:{id:gid},
			success: function (data) {
				if(data.status == 1){
					location.href = data.info;
				}else if(data.status == 2){
					location.href = login_url;
				}else{
					alert(data.info)
				}
				$(".js_btn").attr('disabled',false);
			}
		});
	});
});




function vaildate_mobile(mobile) {
    if (!/^(13[0-9]|14[0-9]|15[0-9]|17[0-9]|18[0-9])\d{8}$/i.test(mobile)) {
        return false;
    } else {
        return true;
    }
}
/**
 * 手机号input
 */
$('#j-ipt-mobile').focus(function() {
    $('p.tip').eq(0).html('请输入手机号!').css({
        'visibility': 'hidden'
    });
}).blur(function() {
    var mobile = $(this).val();
    if (!vaildate_mobile(mobile)) {
        $('p.tip').eq(0).html('请输入手机号!').css({
            'visibility': 'visible'
        });
    }
}).keyup(function(event) {
    if (11 == $(this).val().length && vaildate_mobile($(this).val())) {
        $('#j-btn-getcode').removeAttr('disabled').removeClass('btn-disabled');
    } else {
        $('#j-btn-getcode').attr('disabled', 'disabled').addClass('btn-disabled');
    }
});
/**
 * 验证码input
 */
$('#j-ipt-code').blur(function() {
    var code = $(this).val();
    if (6 > code.length) {
        $('p.tip').eq(1).html('验证码为6位的数字!').css({
            'visibility': 'visible'
        });
    } else {
        $('p.tip').eq(1).css({
            'visibility': 'hidden'
        });
    }
}).keyup(function(event) {
    var code = $(this).val();
    if (6 <= code.length) {
        $('p.tip').eq(1).html('').css({
            'visibility': 'hidden'
        });
    }
});
/**
 * 登陆按钮
 */
$('#j-btn-submit').click(function() {
    var phone = $('#j-ipt-mobile').val();
    var code = $('#j-ipt-code').val();
    if ('' == phone) {
        $('p.tip').eq(0).html('请输入手机号!').css({
            'visibility': 'visible'
        });
    } else if ('' == code) {
        $('p.tip').eq(1).html('请输入验证码!').css({
            'visibility': 'visible'
        });
    } else if (6 > code.length) {
        $('p.tip').eq(1).html('验证码为6位的数字!').css({
            'visibility': 'visible'
        });
    } else {
        $(this).attr('disabled', 'disabled').addClass('btn-disabled').text('登陆中...');
        $.ajax({
            url: API_LOGIN,
            type: 'POST',
            dataType: 'json',
            data: {
                phone: phone,
                code: code
            },
            success: function(json) {
                if (1 == json.status) {
                    window.localStorage.removeItem('cutedown_begin');
                    window.location.reload();
                } else {
                    $('#j-btn-submit').removeAttr('disabled').removeClass('btn-disabled').text('点击登录');
                    alert(json.info);
                }
            },
            fail: function() {
                alert('网络延迟, 请刷新重试!');
            }
        });
    }
});
/**
 * 获取验证码按钮
 */
$('#j-btn-getcode').click(function() {
    // 是否之前获取过验证码
    if (undefined == window.localStorage.cutedown_begin) {
        window.localStorage.cutedown_begin = Date.parse(new Date());
        $('#j-ipt-code').val('');
        $('#j-btn-getcode').addClass('btn-disabled').attr('disabled', 'disabled').text('发送中...');
        get_code();
    } else {
        // 判断是否是60秒之前获取的和验证码
        if (60 < (Date.parse(new Date()) - window.localStorage.cutedown_begin) / 1000) {
            window.localStorage.cutedown_begin = Date.parse(new Date());
            $('#j-ipt-code').val('');
            $('#j-btn-getcode').addClass('btn-disabled').attr('disabled', 'disabled').text('发送中...');
            get_code();
        } else {
            var timeout = 60 - ((Date.parse(new Date()) - window.localStorage.cutedown_begin) / 1000);
            $('#j-btn-getcode').addClass('btn-disabled').attr('disabled', 'disabled').text('重新发送(' + timeout + ')');
            var timer = setInterval(function() {
                $('#j-btn-getcode').text('重新发送(' + timeout + ')');
                timeout--;
                if (-1 == timeout){
                    clearInterval(timer);
                    $('#j-btn-getcode').removeClass('btn-disabled').removeAttr('disabled').text('获取验证码');
                } 
            }, 1000);
        }
    }
    // 验证码请求
    function get_code() {
        var timer = null;
        $.ajax({
            url: API_SMS,
            type: 'POST',
            dataType: 'json',
            data: {
                phone: $('#j-ipt-mobile').val()
            },
            success: function(json) {
                if (1 == json.status) {
                    var timeout = 60;
                    timer = setInterval(function() {
                        $('#j-btn-getcode').text('重新发送(' + timeout + ')');
                        timeout--;
                        if (-1 == timeout){
                            clearInterval(timer);
                            $('#j-btn-getcode').removeClass('btn-disabled').removeAttr('disabled').text('获取验证码');
                        } 
                    }, 1000);
                } else {
                    $('#j-btn-getcode').removeClass('btn-disabled').removeAttr('disabled').text('获取验证码');
                    alert('网络延迟, 请重新发送!');
                }
            },
            fail: function() {
                alert('网络延迟, 请刷新重试!');
            }
        });
    }
});


/**
 * @todo 我要开团
 */
function goodsGroupOpen(goods_id){
	$('button').prop('disabled',true).addClass('btn-2');
	$.post(open_url,{goods_id : goods_id},function(data){
		if(data.status == 1){
			alert(data.info);
			setTimeout(function(){
				if (data.url) {
					location.href=data.url;
				}else{
					location.reload();
				}
			});
		}else{
			$('button').prop('disabled',false).removeClass('btn-2');
			alert(data.info);
		}
	})
}

/**
 * @todo 我要入团
 */
function goodsGroupIn(goods_id){
	$('button').prop('disabled',true).addClass('btn-2');
	$.post(in_url,{goods_id : goods_id,team_id:team_id},function(data){
		if(data.status == 1){
			alert(data.info);
			setTimeout(function(){
				if (data.url) {
					location.href=data.url;
				}else{
					location.reload();
				}
			});
		}else{
			$('button').prop('disabled',false).removeClass('btn-2');
			alert(data.info);
		}
	})
}

/**
 * @todo 我要购买
 */
function goodsGroupBuy(goods_id){
	$('button').prop('disabled',true).addClass('btn-2');
	$.post(order_url,{goods_id : goods_id},function(data){
		if(data.status == 1){
			setTimeout(function(){
				if (data.url) {
					location.href=data.url;
				}else{
					location.reload();
				}
			});
		}else{
			$('button').prop('disabled',false).removeClass('btn-2');
			alert(data.info);
		}
	})
}